3. Typography

1. Font Size

text-xs (i.e 0.75rem == 12px)

text-sm (i.e 0.875rem == 14px)

text-base (i.e 1rem == 16px)

text-lg (i.e 1.125rem== 18px)

text-xl (i.e 1.25rem == 20px)

text-2xl (i.e 1.5rem == 24px)

text-3xl (i.e 1.875rem == 30px)

text-4xl (i.e 2.25rem == 36px)

text-5xl (i.e 3rem == 48px)

2. Font Family

font-sans

font-serif

font-mono

3. Font Weight

font-light

font-normal

font-medium

font-bold

font-extrabold

4. Letter Spacing

tracking-tighter

tracking-tight

tracking-normal

tracking-wide

tracking-wider

tracking-widest

5. Text Alignment

text-left

text-right

text-center

text-start

text-end

6. Text Decoration

decoration-red-600 overline

line-through decoration-1

underline decoration-4

7. Decoration Style

underline decoration-solid

underline decoration-dotted

underline decoration-double

underline decoration-dashed

underline decoration-wavy

8. Decoration Offset (distance of line from text)

underline underline-offset-1

underline underline-offset-2

underline underline-offset-4

underline underline-offset-8

9. Text Transform

normal-case

uppercase

lowercase

capitalize (Tailwind is Awesome)

⬅️ ➡️